iT邦幫忙

0

從頭開始用 Laravel 來做CRUD -12- 架設 - npm - pug

  • 分享至 

  • xImage
  •  

https://ithelp.ithome.com.tw/upload/images/20181022/20112678FKb18Lbuj1.jpg

目前環境

  • Laravel:5.7
  • 資料庫:MariaDB

說明

  • 所謂的CRUD是指 新增(Create)、讀取(Read)、更新(Update)、刪除(Delete) 在程式動作中,基本的四個動作。
  • Laravel 是一個開源的PHP框架,它由Taylor Otwell開發,支持MVC模式。
  • Vue.js是一個用於建立使用者介面的開源JavaScript框架,也是一個建立單頁面應用的Web應用框架。
  • pug 是一個可以簡化html 標籤語法的套件。

--- 本文開始 ---
裝好 vue.js 的套件後,我們再來要裝 pug 的套件,他是一個能讓 html 的標籤簡易化的程式,相關官網如下

官網

https://ithelp.ithome.com.tw/upload/images/20181022/20112678JDMN1wVUtc.png

左邊是 pug 、右邊是 html ,左邊相對易讀好理解,當遇到槽狀結構時,更加明顯,之後我都會以這樣的方式 編寫

https://ithelp.ithome.com.tw/upload/images/20181022/20112678ln3N5u2vsc.png

1、安裝去

我們必須安裝 pug 及 pug-loader ,我們執行以下指令

npm install pug pug-loader --save

https://ithelp.ithome.com.tw/upload/images/20181022/20112678B4nAodRABh.png

2、檢查是否有安裝

https://ithelp.ithome.com.tw/upload/images/20181022/20112678Wb0fYahoXQ.png

3、完工

--- 相關連結 ---
上一篇:從頭開始用 Laravel 來做CRUD -11- 架設 - npm - Vue.js 相關套件
下一篇:從頭開始用 Laravel 來做CRUD -13- 架設 - npm - vee-validate 套件
--- 同步更新 ---
[CRUD for Laravel & Vue.js] 文章列表 - 在痞客邦
--- 更多的文章 在痞客邦 ----
痞客邦

感謝

感謝各位的觀看!
友情連結:鑽頭-瑜誠
文中如有技術不良或寫錯的部份,如您願意指出,我們也很樂意接受您的指正,但請不要惡意攻撃,我們只是為了樂趣而寫的文章。


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言